<template>
  <div>
    <div>
      <span>用户名:</span>
      <label>
        <input type="text">
      </label>
    </div>
    <div>
      <span>密码:</span>
      <label>
        <input type="password">
      </label>
    </div>
  </div>
</template>

<script>
export default {
  name: "PartSevenPanel",
  created() {
    console.log("02-PartSevenPanel-创建");
  },
  destroyed() {
    console.log("02-PartSevenPanel-销毁");
  },
  // 组件缓存下 - 多了2个钩子函数
  activated() {
    console.log("02-PartSevenPanel-激活");
  },
  deactivated() {
    console.log("02-PartSevenPanel-失去激活");
  }
}
</script>

<style scoped>

</style>
